<template>
	<view class="item bgf r20 p30 mt20 ml30 mr30">
		<view class="user t-flex between">
			<uv-image :src="$str.avatar(data.avatar)" mode="aspectFill"
			lazyLoad
			width="90rpx"
			height="90rpx"
			radius="50%"
			></uv-image>
			
			<view class="right">
				<view class="c3 bold">
					{{data.nickname}}
				</view>
				<view class="f24 c9 mt10">
					{{$time(data.createtime,4)}}
				</view>
			</view>
		</view>
		<view class="starts t-flex">
			<text class="c3">师傅评价：</text>
			<view class="c6 t-flex">
				服务 <image :src="data.pf>=item?'/static/icons/17.png':'/static/icons/18.png'" mode="aspectFit" v-for="item in 5" :key="item" class="icon ml20"></image>
				<text class="ml20">{{data.pf}}分</text>
			</view>
		</view>
		<view class="goods t-flex mt20">
			<uv-image :src="$str.img(data.good_image)" mode="aspectFill"
			width="80rpx"
			height="60rpx"
			radius="10rpx"
			></uv-image>
			<text class="ml20 f26 c9">{{data.good_name}}</text>
		</view>
		
	</view>
</template>

<script setup lang="ts">

	defineProps({
		data:{
			type:Object,
			default:{}
		}
	})

	
	
</script>

<style scoped lang="scss">
	.user{
		.right{
			width: calc(100% - 120rpx);
		}
	}
	.starts{
		margin-top: 26rpx;
		.icon{
			width: 40rpx;
			height: 40rpx;
		}
	}

</style>